<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>
	<link rel="stylesheet" href="./css/register.css">
</head>
<style>
	label.error{
	  font-size: 12px;
	  margin-left: 15px;
	  color: red;
	}
  </style>
<body>
	<div class="content">
		<div class="title">
			<div class="title-content">
				<div class="img"><img src="images/注册.png" width="60px" height="60px"></div>
				<div class="text">请填写账号信息</div>
			</div>
		</div>
		<div class="mian">
			<form class="regForm" action="">
				<div class="title-username">
					<h4>设置您的登录名</h4>
					<p>
						<span class="input-text">登录名称</span>
						<input class="ys input" type="text" name="username" placeholder="请输入用户名">
					</p>
				</div>
				<div class="title-password">
					<h4>请设置登录密码 <span class="input-text" style="width: 200px;">登录时验证，保护账号信息</span></h4>
					<p>
						<span class="input-text">登陆密码</span>
						<input class="ys input" id="password" type="password" name="password" placeholder="请输入密码">
					</p>
					<p>
						<span class="input-text">密码确认</span>
						<td><input class="ys input" type="password" name="rpassword" placeholder="请确认密码"></td>
					</p>
				</div>
				<div class="title-nickname"></div>
				  <h4>设置您的昵称</h4>
					<span class="input-text">用户昵称</span>
					<input class="ys input" type="text" name="nickname" placeholder="请输入昵称">
	            </div>
				<div class="tongyi">
					<input type="checkbox" id="check">用户勾选即代表同意<a href="#">《天猫服务条款》</a>和<a href="#">《天猫隐私政策》</a>
				</div>
				<div class="submit">
					<button class="but btn1">注册</button>
				</div>
			  </form>
		</div>
	</div>
<!--	以下为js的代码-->
	<script src="js/jquery-3.6.0.min.js"></script>
	<script src="./js/validation/jquery.validate.min.js"></script>
	<script src="./js/register.js"></script>
	<script src="js/layer/dist/layer.js"></script>
	<script>
		$('.submit').click(function () {
			if ($("#check").is(":checked")) {
				return KeyUp();
			} else {
				alert("勾选《天猫服务条款》才能完成注册")
			}
		})
	</script>
</body>
</html>